<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>白菜价</title>
    <link href="./lib/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/index.css">
    <!--[if lt IE 9]>
      <script src="./lib/html5shiv/html5shiv.min.js"></script>
      <script src="./lib/respond/respond.js"></script>
    <![endif]-->
</head>

<body>
    <!-- 头部 -->
    <header id="back">
        <a class="logo" href="javascript:;">
         <img src="./images/header_logo.png" alt=""> 
       </a>
        <input type="text" placeholder="好宝贝  等你搜">
        <div class="product glyphicon glyphicon-list">
        </div>
    </header>

    <!-- 隐藏列表 -->
    <div class="pp">
        <div class="nav nav-tabs pList" role="tablist">
            <!-- <div>
                <a href="javascript:;">全部</a>
            </div> -->
            <!-- <div>
                <a href="javascript:;">热销</a>
            </div>
            <div>
                <a href="javascript:;">9块9包邮</a>
            </div>
            <div>
                <a href="javascript:;">19包邮</a>
            </div>
            <div>
                <a href="javascript:;">数码家电</a>
            </div>
            <div>
                <a href="javascript:;">居家</a>
            </div>
            <div>
                <a href="javascript:;">美食</a>
            </div>
            <div>
                <a href="javascript:;">男装</a>
            </div>
            <div>
                <a href="javascript:;">女装</a>
            </div>
            <div>
                <a href="javascript:;">鞋包配饰</a>
            </div>
            <div>
                <a href="javascript:;">文体</a>
            </div>
            <div>
                <a href="javascript:;">母婴</a>
            </div> -->
            <!-- <div> -->
            <!-- <div class="child">
                <a href="javascript:;">
                    美妆
                </a>
            </div>
            <div class="child">
                <a href="javascript:;">玩具</a>
            </div> -->
            <!-- </div> -->
        </div>

        <!-- 控制按钮 -->
        <div class="box">
            <div class="slideup">收起分类</div>
        </div>
    </div>

    <!-- 遮挡层 -->
    <div class="shadow"></div>
    <!-- 产品展示 -->
    <div class="menu">
        <!-- 轮播图 -->
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <a href="javascript:;">
                        <img src="./images/TB2yyPtkdcnBKNjSZR0XXcFqFXa_!!2508158775.jpg" alt="...">
                    </a>
                </div>
                <div class="item ">
                    <a href="javascript:;">
                        <img src="./images/TB22xueAXOWBuNjy0FiXXXFxVXa_!!2508158775.jpg" alt="...">
                    </a>
                </div>
                <div class="item ">
                    <a href="">
                        <img src="./images/TB22xueAXOWBuNjy0FiXXXFxVXa_!!2508158775.jpg" alt="...">
                    </a>
                </div>
            </div>
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
        </div>

        <!-- 导航栏 -->
        <nav>
            <ul>
                <li>
                    <a href="javascript:;">
                        <i class="iconfont">&#xe52c;</i>
                        <span>热销</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="iconfont">&#xe502;</i>
                        <span>9.9包邮</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="iconfont">&#xe700;</i>
                        <span>19块邮</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="iconfont">&#xe638;</i>
                        <span>超级人气榜</span>
                    </a>
                </li>
            </ul>
        </nav>

        <!-- 人气榜 -->
        <div class="rEdition">
            <span>超级人气榜</span>
            <a href="javascript:;">
                更多
            </a>
        </div>
        <!-- 人气榜列表 -->
        <div class="reList">
            <ul class="clearfix">
                <li class='col-xs-2'>
                    <a href="javascript:;">
                        <img src="./images/renqi.jpg_.webp.jpg" alt="">
                        <p>【历史低价】蜜汁芝麻猪肉脯150g</p>
                         &yen;&nbsp;<span>6.9</span> &nbsp; &nbsp;<span>券后</span>
                    </a>
                </li>
                <li class='col-xs-2'>
                    <a href="javascript:;">
                        <img src="./images/renq2.jpg_.webp.jpg" alt="">
                        <p>【真巧】巧克力涂层夹心蛋糕1kg</p>
                        &yen;&nbsp;<span>6.9</span>&nbsp; &nbsp;<span>券后</span>
                    </a>
                </li>
                <li class='col-xs-2'>
                    <a href="javascript:;">
                        <img src="./images/renqi3.jpg_.webp.jpg" alt="">
                        <p>笨笨狗旗舰店 粗粮夹心米果卷54支</p>
                        &yen;&nbsp;<span>6.9</span> &nbsp; &nbsp;<span>券后</span>
                    </a>
                </li>
                <li class='col-xs-2'>
                    <a href="javascript:;">
                        <img src="./images/renqi4.jpg_.webp.jpg" alt="">
                        <p>【买一送一】夏季女士户外防晒冰袖两双装</p>
                        &yen;&nbsp;<span>6.9</span>&nbsp; &nbsp;<span>券后</span>
                    </a>
                </li>
                <li class='col-xs-2'>
                    <a href="javascript:;">
                        <img src="./images/renqi.jpg_.webp.jpg" alt="">
                        <p>【历史低价】蜜汁芝麻猪肉脯150g</p>
                        &yen;&nbsp;<span>6.9</span>&nbsp; &nbsp;<span>券后</span>
                    </a>
                </li>
                <li class='col-xs-2'>
                    <a href="javascript:;">
                        <img src="./images/renq2.jpg_.webp.jpg" alt="">
                        <p>【买一送一】夏季女士户外防晒冰袖两双装</p>
                        &yen;&nbsp;<span>6.9</span>&nbsp; &nbsp;<span>券后</span>
                    </a>
                </li>
                <!-- <li>
                    <a href="javascript:;">
                        <img src="./images/renqi3.jpg_.webp.jpg" alt="">
                        <p>【真巧】巧克力涂层夹心蛋糕1kg</p>
                        &yen;<span>6.9</span><span>券后</span>
                    </a>
                </li> -->
            </ul>
        </div>

        <!-- 隐藏列表对应的具体产品 -->
        <div class="tab-content">
            <!-- <div role="tabpanel" class="tab-pane active" id="home">...</div>
            <div role="tabpanel" class="tab-pane" id="profile">...</div>
            <div role="tabpanel" class="tab-pane" id="messages">...</div>
            <div role="tabpanel" class="tab-pane" id="settings">...</div> -->
        </div>

        <!-- 底部 -->
        <div class="foot">
            <div class="ppph">
                <span>品牌排行</span>
                <a href="javascript:;">
                    <img src="./images/more.png" alt="">
                </a>
            </div>
            <div class="prompt">
                <a href="javascript:;" class="login col-xs-4">登录</a>
                <a href="javascript:;" class="zhuce col-xs-4">注册</a>
                <a href="#back" class="col-xs-4">
                    <img src="./images/top.jpg" alt="">
                    返回顶部
                </a>
            </div>
            <div class="downLoad">
                <a href="javascript:;">手机APP下载</a>
                <span>慢慢买手机版-掌上比价平台</span>
                <p>m.manmanbuy.com</p>
            </div>
        </div>
    </div>

    <!-- 固定图标 -->
    <div class="fix">
        <a href="http://m.manmanbuy.com/app.html?type=right&value=wap">
            <img src="./images/固定图标.png" alt="">
            <i class=""></i>
        </a>
    </div>
    

    <script type="text/html" id="pListTemp">
        {{each arr value}}
        <div role="presentation" class="active">
            <a href="#{{value.titleId}}" aria-controls="home" data-id="{{value.titleId}}" role="tab" data-toggle="tab">{{value.title}}</a>
        </div>
        {{/each}}
    </script>
    <script type="text/html" id="tablistTemp">
        <div role="tabpanel" class="tab-pane" id="{{titleb_id}}">
            {{each arr value}}

            <div class="lProduct col-xs-6" titleid="{{value._id}}">
                {{@value.productImg}}
                <div class="s_title">
                    {{@value.productName}} 
                </div>
                <div class="price">
                    {{@value.productPrice}} 
                </div>
                <div class="link">
                    {{@value.productHref}}
                </div>
                <div class="youhui">
                    {{@value.productCoupon}}
                </div>
                <div class="lingqu">
                    {{@value.productCouponRemain}}
                </div>
            </div>

            {{/each}}
        </div>
    </script>

    <script src="./lib/arttemplate/template-web.js"></script>
    <script src="./lib/zepto/zepto.js"></script>
    <script src="./js/public.js"></script>
    <script src="./js/index.js"></script>
    <script src="./lib/jquery/jquery.min.js"></script>
    <script src="./lib/bootstrap/js/bootstrap.min.js"></script>
</body>

</html>